iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 3
1
Modern Web

我可以修改,所以先亂打系列 第 3

第3天:HTML-文章內可使用的標籤

  • 分享至 

  • xImage
  •  

在HTML中
有針對文章可以使用的一些標籤語法
以下會一一介紹
但有些標籤只要知道用途即可
現在很多功能與樣式都可以利用CSS做出
反而利用CSS才會是更好的做法
CSS的部分會在之後的文章中提到


標題與段落

標題標記:
標題總共有六階

    <h1>主標題</h1>
    <h2>次標題</h2>
    ....以下類推

此元素用來顯示標題內容,h1~h6的標籤顯示文字會由大到小,如果要控制文字大小要用CSS語法。

段落:
在預設值下使用段落元素,瀏覽器會使用新的一行來顯示段落,也會在段落中保留空間。

    <p>文章內容</p>

文章內容

文字部分:

   <b></b>粗體
   <i></i>斜體
   <sup></sup>上標,例如數學式裡的次方
   <sub></sub>下標,例如化學式
   <br />斷行
   <hr >水平線
   <strong></strong>
    語意強調,代表內容有強烈的重要性、嚴重性或緊急性,相較<em>標籤語氣來的重,
    在預設值中瀏覽器會以粗體顯示內容。
    
   <em></em>
    語意強調、著重,代表需要用戶著重閱讀的內容,在預設值中會以斜體顯示內容。
    
   <blockquote></blockquote>
    整個段落篇幅的引述,需注意的是此元素內需再使用<p>元素來撰寫文章,瀏覽器會將此元素的文章內容縮排,
    不過如果只是單純要使文章縮排,使用CSS才是正確做法。
    用法如下:
    <blockquote cite="文章引述網址">
    <P>文章內容</p>
    </blockquote>

   <q></q>用在段落當中較短的引述上,一般瀏覽器會在文章前後加上引號,
   但IE不會,所以很多人會避免使用<q>元素。
   
   <abbr></abbr>縮寫與縮略字,可加入title屬性註明全名。
   用法如下:
   <abbr title="全名">縮寫</abbr>
   
   <cite></cite>註解,瀏覽器會將元素內容顯示為斜體,在HTML5中不應該用在人名上。

   <dfn></dfn>標示出新術語的定義實例,通常會用在學術概念或是一些專業術語上,
   有些瀏覽會將內容顯示為斜體,Sarafi和Chrome則不會改變外觀。
   
   <address></address>用來包含網頁作者的聯絡細節,可包含電話、E-mail、實際地址等,
   瀏覽器通常會將內容顯示為斜體。
   
   <ins></ins>被插入文件的內容,瀏覽器顯示通常會將內容加上底線。
   <del></del>顯示被刪除的文字,瀏覽器顯示通常會將內容加上刪節線。
   <s></s>標示了不再正確或不再相關的內容,瀏覽器視覺顯示通常會將內容用線劃掉。

參考來源:

HTML5 基礎語法-結構 : head, body
小事之 HTML lang Attribute
HTML head 標籤


上一篇
第2天:HTML-架構基本標籤
下一篇
第4天:HTML-清單
系列文
我可以修改,所以先亂打30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言